<template>
  <div>

    <div class="pre-light">
      <div class="tip">
        <span>预约提示:</span>
        <span>基于疫情防控要求，请您购票后用微信扫码预约观展日期,预约后再行观展，为了您和家人的健康，参观时请全程佩戴口罩！</span>
      </div>
      <img src="https://p0.meituan.net/myvideodistribute/c558423453e0e4bb13b515584c7eeab430396.png">
      <p>演出相关</p>
      <p>
        <strong>展览时间：</strong>2021年6月12日--2021年10月10日</p>
      <p>
        <strong>展览地点：</strong>北京市朝阳区百子湾路32号苹果社区今日美术馆一号馆</p>
      <img :src="headUrlBg">
      <p>宫崎骏与吉卜力的世界展正式开票，特惠早鸟礼包限时发售</p>
      <img src="https://p0.meituan.net/myvideodistribute/f495e77f2da2d080fefc47d7ef6a4a2756286.png">
      <p>“宫崎骏与吉卜力的世界”动画艺术展</p>
      <p>6月12日将乘风而来</p>
      <p>在今日美术馆开启一扇通往奇幻世界的大门</p>
      <p>让我们一起潜行“梦与狂想”的世界</p>
      <p>在宫崎骏与吉卜力的动画世界里迎风起飞</p>
      <p>
        <strong style="color: rgb(249, 195, 86)">展览限量早鸟礼包开售（已售罄）</strong>2021年6月12日--2021年10月10日</p>
      <p>宫崎骏与吉卜力的世界——动画艺术展</p>
      <p>
        <strong style="color: rgb(249, 195, 86)">展览限量早20000套</strong>（包含早鸟门票一张，并附赠展览主题限量行李牌一个）</p>
      <img src="https://p1.meituan.net/myvideodistribute/5d9acbdf1848a9e4ee79978a9c12e8db675663.jpg" alt="">
      <img src="https://p0.meituan.net/myvideodistribute/6710d8317a3974f8d0a17723308cb5551541423.jpg" alt="">
      <img src="https://p1.meituan.net/myvideodistribute/5b1083569aba90eefe6388d80c56087c1458327.jpg" alt="">
      <img src="https://p0.meituan.net/myvideodistribute/5339a7c7fc6c1de0c71a5cce499a02f81706245.jpg" alt="">
      <img src="https://p0.meituan.net/myvideodistribute/2572ad8f947287120335826b455562d61366793.jpg" alt="">
    </div>
    <div class="preformtitle">
      购票须知
    </div>
    <div class=pre-light>
      <div class="p-con">
        <strong>√展览时间:</strong>
        <p>2021年6月12日--2021年10月10日</p>
        <p>周一至周四 10:00-19:00（18:00 停止检票入场）</p>
        <p>周五至周日 10:00-21:00（20:00 停止检票入场）</p>
      </div>
      <div class="p-con">
        <strong>√展览地点:</strong>
        <p>北京市朝阳区百子湾路32号苹果社区今日美术馆一号馆 </p>
      </div>
      <div class="p-con">
        <strong>√展览票价:</strong>
        <p>
          <span style="color: rgb(230, 0, 0);">早鸟套票（已售罄）</span>78元（包含早鸟门票一张，并附赠展览主题限量行李牌一个，检票后现场领取）
          <span style="color: rgb(230, 0, 0); background-color: rgb(255, 255, 0);">使用时间：2021年6月12日-2021年7月30日</span>
        </p>
      </div>
      <div class="p-con">
        <p>
          <span style="color: rgb(230, 0, 0);">早鸟双人套票（已售罄）</span>168元（不含礼包），原价178元，限两人同时到场使用
          <span style="color: rgb(230, 0, 0); background-color: rgb(255, 255, 0);">时间：2021年6月12日-2021年8月30日</span>
        </p>
      </div>
    </div>
  </div>
</template>
<script>
import getLinkData from '@/api/getLinkData.js'
export default {
  data() {
    return {
      headUrlBg: '',
      name: '',
      priceRange: ''
    }
  },
  mounted() {
    getLinkData('/apidl/foryouDec', 'GET', {
      id: this.$route.query.id
    }).then(res => {
      this.headUrlBg = res.data.headUrlBg
    })
  }
}
</script>
<style scoped>
.tip {
  color: red;
  margin: 0.2rem auto;
}
.tip span:nth-child(1) {
  font-weight: bold;
}
.pre-light {
  width: 90%;
  margin: auto;
}
.pre-light img {
  width: 100%;
}
.pre-light p {
  font-size: 0.3rem;
  text-align: center;
  color: rgb(51, 51, 51);
}
.pre-light .p-con {
  margin-top: 0.8rem;
}
.pre-light .p-con strong {
  display: block;
  font-weight: bold;
  font-size: 0.32rem;
  margin-bottom: 0.1rem;
}
.pre-light .p-con p {
  font-size: 0.32rem;
  text-align: left;
}
</style>